<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Dashboard</title>
    <meta name="generator" content="Bootply"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="../resources/css/bootstrap.min.css" rel="stylesheet">
    <link href="../resources/css/dashboard.css" rel="stylesheet">
</head>
<body>
<jsp:include page="common/top-bar.jsp"/>

<div class="container">

    <!-- upper section -->
    <div class="row">
        <div class="col-sm-3">
            <jsp:include page="common/nav-bar.jsp"/>

        </div>
        <!-- /span-3 -->
        <div class="col-sm-9">

            <!-- column 2 -->
            <h3><i class="glyphicon glyphicon-dashboard"></i> Dashboard</h3>

            <hr>

            <div class="row">
                <!-- center left-->
                <div class="col-md-7">
                    <div class="well">Inbox Messages <span class="badge pull-right">3</span></div>

                    <hr>

                    <div class="panel panel-default">
                        <div class="panel-heading"><h4>Processing Status</h4></div>

                    </div>
                    <!--/panel-body-->
                </div>
                <!--/panel-->

            </div>
            <!--/col-->


        </div>
        <!--/row-->
    </div>
    <!--/col-span-9-->

</div>
<!--/row-->

</div><!--/container-->
<!-- /Main -->

<script type='text/javascript' src="../resources/js/jquery-2.1.1.min.js"></script>
<script type='text/javascript' src="../resources/js/bootstrap.min.js"></script>
</body>
</html>
